<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" />
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />

<!--播放器样式-->
<link href="lib/player/css/player.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>H-ui.admin v3.1</title>
<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载"/>
<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。"/>
</head>
<body>
<header class="navbar-wrapper">
	<div class="navbar navbar-fixed-top">
		<div class="container-fluid cl"> 
			<a id="companyName" class="logo navbar-logo f-l mr-10 hidden-xs" href="/index">H-ui.admin</a> 
			<span id="version" class="logo navbar-slogan f-l mr-10 hidden-xs">v3.1</span> 
			<a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
			<nav class="nav navbar-nav">
				<ul class="cl">
					<li class="dropDown dropDown_hover"><a href="javascript:;" class="dropDown_A"><i class="Hui-iconfont">&#xe600;</i> 新增 <i class="Hui-iconfont">&#xe6d5;</i></a>
						<ul class="dropDown-menu menu radius box-shadow">
							<li><a href="javascript:;" onclick="article_add('添加资讯','article-add.html')"><i class="Hui-iconfont">&#xe616;</i> 资讯</a></li>
							<li><a href="javascript:;" onclick="picture_add('添加资讯','picture-add.html')"><i class="Hui-iconfont">&#xe613;</i> 图片</a></li>
							<li><a href="javascript:;" onclick="product_add('添加资讯','product-add.html')"><i class="Hui-iconfont">&#xe620;</i> 产品</a></li>
							<li><a href="javascript:;" onclick="member_add('添加用户','member-add.html','','510')"><i class="Hui-iconfont">&#xe60d;</i> 用户</a></li>
						</ul>
					</li>
				</ul>
		</nav>
		<nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
			<ul class="cl">
				<li th:if="${session.loginRole!=null}" th:text="${session.loginRole.name}"></li>
				<li th:if="${session.loginRole==null}" th:text="未定义角色"></li>
				<li class="dropDown dropDown_hover">
					<a href="#" class="dropDown_A" th:text="${session.sessionUser.realName}"><i class="Hui-iconfont">&#xe6d5;</i></a>
					<ul class="dropDown-menu menu radius box-shadow">
						<li><a href="javascript:;" onClick="toDatumEditPage('资料编辑','/sysUser/toDatumEditPage','',510)">个人信息</a></li>
						<li><a href="/logout">退出</a></li>
				</ul>
			</li>
				<li id="Hui-msg"> <a href="#" title="消息"><span class="badge badge-danger">1</span><i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i></a> </li>
				<li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
					<ul class="dropDown-menu menu radius box-shadow">
						<li><a href="javascript:;" data-val="default" title="默认（黑色）">默认（黑色）</a></li>
						<li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
						<li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
						<li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
						<li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
						<li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
					</ul>
				</li>
			</ul>
		</nav>
	</div>
</div>
</header>
<aside class="Hui-aside">
	<!-- 菜单列表 -->
	<div class="menu_dropdown bk_2">
		<dl id="menu-article" th:each="menu:${session.menus}">
			<dt><i class="Hui-iconfont">&#xe616;</i> <span th:text="${menu.menu}"></span> <i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul th:each="subMenu:${menu.subMenu}">
					<li><a th:attr="data-href=${subMenu.url},data-title=${subMenu.menu}" href="javascript:void(0)" th:text="${subMenu.menu}"></a></li>
				</ul>
			</dd>
		</dl>
	</div>
</aside>
<div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>
<section class="Hui-article-box">
	<div id="Hui-tabNav" class="Hui-tabNav hidden-xs">
	<div class="Hui-tabNav-wp">
		<ul id="min_title_list" class="acrossTab cl">
			<li class="active">
				<span title="我的桌面" data-href="/index/welcome">我的桌面</span>
				<em></em></li>
		</ul>
	</div>
	<div class="Hui-tabNav-more btn-group"><a id="js-tabNav-prev" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d4;</i></a><a id="js-tabNav-next" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d7;</i></a></div>
</div>
	<div id="iframe_box" class="Hui-article">
		<div class="show_iframe">
			<div style="display:none" class="loading"></div>
			<iframe scrolling="yes" frameborder="0" src="/index/welcome"></iframe>
	</div>
</div>
</section>

<div class="contextMenu" id="Huiadminmenu">
	<ul>
		<li id="closethis">关闭当前 </li>
		<li id="closeall">关闭全部 </li>
	</ul>
</div>

<!-- 右侧播放器 开始-->
	<div id="jp_container_N" class="jp-video jp-video-270p jp-state-playing" role="application" aria-label="media player" style="right: 0px; height: 175px; bottom: 20px;">
		<div class="jp-type-playlist">
			<div id="jquery_jplayer_N" class="jp-jplayer" style="width: 90px; height: 90px;">

				<audio id="jp_audio_0" preload="metadata" src="http://music.163.com/song/media/outer/url?id=31473269.mp3" title="那英"></audio>
				<video id="jp_video_0" preload="metadata" title="那英" style="width: 0px; height: 0px;"></video>
			</div>
			<div class="jp-gui">
				<div class="jp-video-play" style="display: none;">
					<button class="jp-video-play-icon" role="button" tabindex="0">播放</button>
				</div>
				<div class="jp-interface">
					<div class="jp-progress">
						<div class="jp-seek-bar" style="width: 100%;">
							<div class="jp-play-bar" style="overflow: hidden; width: 97.5219%;"></div>
						</div>
					</div>
					<div class="jp-current-time" role="timer" aria-label="time">04:11</div>
					<div class="jp-duration" role="timer" aria-label="duration">04:17</div>
					<div class="jp-controls-holder">
						<div class="jp-controls">
							<button class="jp-previous" role="button" tabindex="0">上一曲</button>
							<button class="jp-play" role="button" tabindex="0">播放</button>
							<button class="jp-next" role="button" tabindex="0">下一曲</button>
							<button class="jp-stop" role="button" tabindex="0">暂停</button>
						</div>
						<div class="jp-volume-controls">
							<button class="jp-mute" role="button" tabindex="0">静音</button>
							<button class="jp-volume-max" role="button" tabindex="0">最大音量</button>
							<div class="jp-volume-bar">
								<div class="jp-volume-bar-value" style="width: 10%;"></div>
							</div>
						</div>
						<div class="jp-toggles">
							<button class="jp-repeat" role="button" tabindex="0">重复</button>
							<button class="jp-shuffle" role="button" tabindex="0">随机</button>
							<!--<button class="jp-full-screen" role="button" tabindex="0">全屏</button>-->
						</div>
					</div>
					<div class="jp-details" style="display: none;">
						<div class="jp-title" aria-label="title">那英</div>
					</div>
				</div>
			</div>
			<!-- 音乐列表 -->
			<div class="jp-playlist">
				<div class="jp-playlist-box" style="height: 80px;">
					<ul style="height: 1000px; display: block; top: 0px;">
						
					</ul>
				</div>
			</div>
			
			<div class="jp-no-solution" style="display: none;">
				<span style="transform: rotate(180deg);">升级需要</span> 您浏览器赞不支持播放，请更新版本
				<a href="http://get.adobe.com/flashplayer" target="_blank">Flash插件</a>.
			</div>
		</div>
		<!--歌曲列表滚动条-->
		<div class="scrollBar" style="display: block;">
			<div class="bar" style="top: 0px;"></div>
		</div>
		<!--播放器展开隐藏按钮-->
		<button type="button" class="folded_bt" title="点击收缩" id="btnfold" style="top: 52px;">
			<span style="transform: rotate(0deg);"></span>
		</button>
		<div id="listRemove" style="display: block;"></div>
		<!--移除全部歌曲按钮-->
		<div id="listClose"></div>
		<!--歌曲列表展开收缩按钮-->
	</div>
<!-- 左侧播放器 结束-->

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--播放器js-->
<script src="lib/player/js/player.js"></script>
<script src="lib/player/js/playlist.js"></script>
<script src="lib/player/js/player_database.js"></script>
<!--播放器js-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.contextmenu/jquery.contextmenu.r2.js"></script>
<script type="text/javascript" src="lib/layim/layui.js"></script>
<script type="text/javascript" th:inline="javascript">
var layer = null;

var musics = [[${session.music}]];
console.log(musics);

//MP3播放器及歌曲库js
var myPlaylist = new jPlayerPlaylist({
		jPlayer: "#jquery_jplayer_N",
		cssSelectorAncestor: "#jp_container_N"
	},
	musics,
	{playlistOptions:{enableRemoveControls: true},
	swfPath: "js/",
	supplied: "webmv, ogv, m4v, oga, mp3",
	useStateClassSkin: true,
	autoBlur: false,
	smoothPlayBar: true,
	keyEnabled: true,
	audioFullScreen: true
});

/*个人信息*/
function myselfinfo(){
	layer.open({
		type: 1,
		area: ['300px','200px'],
		fix: false, //不固定
		maxmin: true,
		shade:0.4,
		title: '查看信息',
		content: '<div>管理员信息</div>'
	});
}

/*资讯-添加*/
function article_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-添加*/
function picture_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*产品-添加*/
function product_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*用户-添加*/
function member_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*用户-编辑*/
function toDatumEditPage(title,url,w,h){
	layer_show(title,url,w,h);
}
/* 获取公共信息 */
function getCommonInfo(){
	$.ajax({
		url:'/common/getCommonInfo',
		type:'get',
		success: function(result){
			var data = result.data;
			$("title").html(data.companyName);
			$("#companyName").html(data.companyName);
			$("#version").html(data.version);
		}
	});
}

layui.define(['layer', 'jquery'], function(){
	layer = layui.layer;
	getCommonInfo();
});
</script> 
</body>
</html>